<%@ page import="java.net.URLEncoder" %>
<%@ page import="org.apache.commons.lang3.StringUtils" %>
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8" %>
<html>
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta http-equiv="pragma" content="no-cache"/>
    <meta charset="utf-8"/>
    <title>管理员控制台</title>
    <jsp:include page="/common/backend_common.jsp"/>
    <link rel="stylesheet" href="/css/bootstrap.min.css" type="text/css"/>
    <script type="text/javascript" src="/js/jquery-1.9.1.min.js"></script>
    <script type="text/javascript" src="/js/bootstrap.min.js"></script>

    <!-- Include the plugin's CSS and JS: -->
    <script type="text/javascript" src="/js/bootstrap-multiselect.js"></script>
    <link rel="stylesheet" href="/css/bootstrap-multiselect.css" type="text/css"/>


</head>
<body>

<div>
    <form id="criterionForm">
        <table class="table table-striped table-bordered table-hover dataTable no-footer" role="grid">
            <tr>
                <td style="width: 80px;"><label for="statusParentId">所属关卡</label></td>
                <td>
                    <select id="statusParentId" name="statusId" data-placeholder="选择关卡" style="width: 200px;"></select>
                </td>
            </tr>
            <tr>
                <td><label for="criterionName">关卡名称</label></td>
                <input type="hidden" name="id" id="criterionId"/>
                <td><input type="text" name="name" id="criterionName" value="" class="text ui-widget-content ui-corner-all"></td>
            </tr>
            <tr>
                <td><label class="col-sm-2 control-label" for="criterionApprover">审核者</label></td>
                <td>
                    <select id="criterionApprover" name="approver" multiple="multiple"  style="width: 150px;">
                        <option value="1">Option 1</option>
                        <option value="2">Option 2</option>
                        <option value="3">Option 3</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td><label for="conditions">条件</label></td>
                <td><textarea type="text" name="conditions" id="conditions" placeholder="如'字段:条件;价格:[10,20);数量:30;时间:>2018-05-21 12:05'" class="text ui-widget-content ui-corner-all"></textarea></td>
            </tr>
            <tr>
                <td><label for="criterionStatus">状态</label></td>
                <td>
                    <select id="criterionStatus" name="status" data-placeholder="选择状态" style="width: 150px;">
                        <option value="1">有效</option>
                        <option value="0">无效</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td><label for="criterionRemark">备注</label></td>
                <td><textarea name="remark" id="criterionRemark"  class="text ui-widget-content ui-corner-all" rows="3" cols="25"></textarea></td>
            </tr>
        </table>
    </form>
</div>
<div>
    <select id="example-post" name="multiselect[]" multiple="multiple">
        <option value="1">Option 1</option>
        <option value="2">Option 2</option>
        <option value="3">Option 3</option>
        <option value="4">Option 4</option>
        <option value="5">Option 5</option>
        <option value="6">Option 6</option>
    </select>
</div>
    <script type="text/javascript">
        $(document).ready(function() {
            $('#example-post').multiselect({
                includeSelectAllOption: true,
                enableFiltering: true
            });

            $('#criterionApprover').multiselect({
                includeSelectAllOption: true,
                enableFiltering: true
            });
        });
</script>
</body>
</html>
